<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>vue</title>
		<!--引入jquery-->
		<script src="http://code.jquery.com/jquery-latest.js"></script>
        <!-- 引入vue文件-->
		<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
		<!--引入bootstrap-->
		<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
		<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"/>
	</head>
	<body>
		<div id="app">
    		{{message|capitalize}}
		</div>
		<script type="application/javascript">
			//注册全局过滤器,首字母大写,2.0以后版本过滤器必须自己定义,没有内置的
			/*Vue.filter('uppercase', function(value) {
			  if (!value) { return ''}
			  value = value.toString()
			  return value.charAt(0).toUpperCase() + value.slice(1)
			})*/
	
			var vm = new Vue({
			  	el:'#app',
			  	data: {
			    	message: 'test'
			  	},
			  	/*也可以写在vue中的filters中*/
			  	filters: {  
            		capitalize: function (value) {  
                		return value.charAt(0).toUpperCase() + value.slice(1);  
              		}  
        		}
			});
		</script>
	</body>
</html>
